<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格</title>
</head>
<body>
    <p>
        每个表格用table开始，
        表格行从tr开始，
        表格数据从td开始，
    </p>

    <h3>一列一行：</h3>
    <table border="1">
        <tr>
            <td>温婉莹我爱你</td>
        </tr>
    </table>

    <h3>三行四列：</h3>
    <table border="1" style="text-align: center;border-style: wave">
        <tr>
            <td>尤</td>
            <td>家</td>
            <td>和</td>
            <td>非</td>
        </tr>
        <tr>
            <td>常</td>
            <td>爱</td>
            <td>慕</td>
            <td>温</td>
        </tr>
        <tr>
            <td>婉</td>
            <td>莹</td>
            <td>不</td>
            <td>变</td>
        </tr>
    </table>

    <h3>水平标题：</h3>
    <table border="1" style="text-align: center">
        <tr>
            <th>姓名</th>
            <th>公司</th>
            <th>岗位</th>
        </tr>
        <tr>
            <td>尤家和</td>
            <td>昆明能讯科技有限责任公司</td>
            <td>运维开发工程师</td>
        </tr>
        <tr>
            <td>温婉莹</td>
            <td>兑正贸易有限公司</td>
            <td>人事主管</td>
        </tr>
    </table>

    <h3>垂直标题：</h3>
    <strong><captions>雅兰苑人员信息表</captions></strong>
    <table border="1" style="text-align: center">
        <tr>
            <th>姓名</th>
            <td>尤家和</td>
            <td>温婉莹</td>
        </tr>
        <tr>
            <th>公司</th>
            <td>昆明能讯科技有限责任公司</td>
            <td>兑正贸易有限公司</td>
        </tr>
        <tr>
            <th>岗位</th>
            <td>运维工程师</td>
            <td>人事主管</td>
        </tr>
    </table>

    <h3>跨行跨列表格：</h3>
    <captions>跨列表格</captions>
    <table border="1" style="text-align: center">
        <tr>
            <th>姓名</th>
            <th colspan="2">电话</th>
        </tr>
        <tr>
            <td>尤家和</td>
            <td>13676240551</td>
            <td>18819272837</td>
        </tr>
    </table>
    <captions>跨行表格</captions>
    <table border="1" style="text-align: center">
        <tr>
            <th>姓名</th>
            <td>尤家和</td>
        </tr>
        <tr>
            <th rowspan="2">电话</th>
            <td>13676240551</td>
        </tr>
        <tr>
            <td>18819272837</td>
        </tr>
    </table>

    <h3>表格里嵌套其他元素：</h3>
    <table border="1" >
        <tr >
            <td style="text-align: center">
<pre>我现在将来过去都是一样地爱着温婉莹，
上次伤害到你了，我反思了很久，后悔至极
</pre>
            </td>
            <td>
                <img src="./温婉莹房间美照.jpg" alt="房间" height="400px">
            </td>
        </tr>
        <tr>
            <td>温婉莹的昵称，亲切的
                <ul>
                    <li>猪猪</li>
                    <li>美猪</li>
                    <li>温婉猪</li>
                </ul>
            </td>
            <td>这里面是一个表格：
                <table>
                    <tr>
                        <td>1</td>
                        <td>2</td>
                    </tr>
                    <tr>
                        <td>3</td>
                        <td>4</td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>

    <h3>单元格边距：</h3>
    <table border="1" style="text-align: center" cellpadding="10">
        <tr>
            <th>姓名</th>
            <th>岗位</th>
        </tr>
        <tr>
            <td>尤家和</td>
            <td>运维开发工程师</td>
        </tr>
    </table>

    <h3>单元格间距：</h3>
    <table>
        tr
    </table>
</body>
</html>